<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐i-实名认证</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/plugins/iosselect/iosselect.css">
    <link rel="stylesheet" href="/css/happyi/setUp.min.css?v=<%=$version%>">
</head>
<body>
<div id="authentication" v-cloak>
    <div class="circleBar-top">
        <span class="goback" @click="getBack()"></span>
        实名认证
        <strong class="txt-right" @click="applyRealName()" v-if="state==0">提交</strong>
    </div>
    <template v-if="state==0">
        <div class="happyiIndex-list">
            <div class="listCent">证件类型
                <a class="happyi-left" @click="getSelect()">
                    {{idTypeName}}
                </a>
            </div>
            <div class="listCent">真实姓名
                <input type="text" maxlength="10" placeholder="请填写" v-model="name" class="happyi-left list-text">
            </div>
            <div class="listCent">证件号码
                <input type="text" maxlength="18" placeholder="请填写" v-model="idNum" class="happyi-left list-text">
            </div>
        </div>
        <div class="happyiIndex-list authentication">
            <div class="listCent">手持证件照</div>
            <div class="authentication-mirror">
                <input type="file" id="fileinput1" name="coverImgSrc" accept="image/*" @change="getChange(1)">
                <img class="foundCircle-img" :src="results1.base64" v-show="imgNum1==2">
                <strong>+</strong>
                <!--<p>请确保证件正面置于胸前拍照，正脸与证件信息均在照片内可识别</p>-->
            </div>
            <div class="listCent">证件反面照</div>
            <div class="authentication-mirror">
                <input type="file" id="fileinput2" name="coverImgSrc" accept="image/*" @change="getChange(2)">
                <img class="foundCircle-img" :src="results2.base64" v-show="imgNum2==2">
                <strong>+</strong>
                <!--<p>请确保证件正面置于胸前拍照，正脸与证件信息均在照片内可识别</p>-->
            </div>
            <div class="authentication-txt">提交认证代表你已同意<a href="/happyi/realNameProtocol">实名认证协议</a></div>
        </div>
        <div class="provingMode"></div>
    </template>
    <template v-if="state==1">
        <div class="audit">
            <strong class="audit-icon"></strong>
            <h6>认证审核中...</h6>
            <p>您的资料已提交，请耐心等待</p>
            <div class="audit-btn" @click="getBack()">完成</div>
        </div>
    </template>
    <template v-if="state==2">
        <div class="audit">
            <strong class="audit-icon1"></strong>
            <h6>审核未通过</h6>
            <p>对不起，您的信息审核未通过，</p>
            <p>请修改信息并再次尝试</p>
            <div class="audit-btn">重新认证</div>
        </div>
    </template>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/plugins/iosselect/iosSelect.js"></script>
<script type="text/javascript" src="/plugins/localResize/mobileFix.mini.js"></script>
<script type="text/javascript" src="/plugins/localResize/exif.js"></script>
<script type="text/javascript" src="/plugins/localResize/lrz.js"></script>
<script type="text/javascript" src="/js/happyi/authentication.js?v=<%=$version%>"></script>
</body>
</html>